<!DOCTYPE html>
<html>
	<head>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1" />
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="__TMPL__/public/assets/js/flexible.js" ></script>
		<link rel="stylesheet" href="__TMPL__/public/assets/css/all_page.css" />
		<link rel="stylesheet" href="__TMPL__/public/assets/css/public.css" />
		<style>
			
		</style>
	</head>
	<body>
		
		<div class="evaluate">
			<div class="evTop">
				<div class="topTil">
					<p>{$data['name']}</p>
				</div>
				<div class="subTil">{$data['intro']}</div>
			</div>
			
			<div class="proportion">
				<div>
					<div class="satisfaction" style="margin-left: 0.4rem;"></div>
					<p>满意</p>
				</div>
				<div>
					<div class="ordinary" style="margin-left: 0.4rem;"></div>
					<p>基本满意</p>
				</div>
				<div>
					<div class="noGood" style="margin-left: 0.4rem;"></div>
					<p>不满意</p>
				</div>
			</div>
			
			<div class="leave">
				<p class="PLTil">匿名意见：</p>
				<div class="PLCn">
					<volist name='data_user' id='v'>
					<div class="plList">
						<div>
							<img class="plImg" src="__TMPL__/public/assets/images/p2.png" />
							<div class="plMsg">{$v['content']}</div>
						</div>
					</div>
					</volist>
					<!-- <div class="plList">
						<div>
							<img class="plImg" src="__TMPL__/public/assets/images/p2.png" />
							<div class="plMsg">部分整改没有到位，很多细节部分没有做好</div>
						</div>
					</div>
					<div class="plList">
						<div>
							<img class="plImg" src="__TMPL__/public/assets/images/p2.png" />
							<div class="plMsg">部分整改没有到位，很多细节部分没有做好</div>
						</div>
					</div> -->
				</div>
			</div>
			
			<!--公共底部-->
			<include file='public@footer'/>
			
		</div>
		
	
	<script type="text/javascript" src="__TMPL__/public/assets/js/jquery-1.8.3.js" ></script>
	<script type="text/javascript" src="__TMPL__/public/assets/js/js.js" ></script>
	<script type="text/javascript" src="__TMPL__/public/assets/js/radialIndicator.js"></script>
	<!-- <script type="text/javascript" src="__TMPL__/public/assets/js/circleChart.js" ></script> -->
	<script>
		$(function () {
			$('.satisfaction').radialIndicator({
		        barColor: '#205069',
		        radius:30,
		        barWidth: 7,
		        initValue: {$data['answer1']},
		        roundCorner : true,
		        percentage: true,
		        barBgColor:'#DFF1F9',
		    });
		    $('.ordinary').radialIndicator({
		        barColor: '#FFC009',
		        radius:30,
		        barWidth: 7,
		        initValue: {$data['answer2']},
		        roundCorner : true,
		        percentage: true,
		        barBgColor:'#DFF1F9',
		    });
		    $('.noGood').radialIndicator({
		        barColor: '#16B1EA',
		        radius:30,
		        barWidth: 7,
		        initValue: {$data['answer3']},
		        roundCorner : false,
		        percentage: true,
		        barBgColor:'#DFF1F9',
		    });
			// $(".satisfaction").circleChart({
	  //           size:80,
	  //           color:'#205069',
	  //           startAngle:60,
	  //           value:{$data['answer1']},
	  //           lineCap:'butt',
	  //           text:{$data['answer1']}+'%',
	  //           backgroundColor:'#DFF1F9',
	  //       });
	  //       $(".ordinary").circleChart({
	  //           size:80,
	  //           color:'#FFC009',
	  //           startAngle:60,
	  //           value:{$data['answer2']},
	  //           lineCap:'butt',
	  //           text:{$data['answer2']}+'%',
	  //           backgroundColor:'#DFF1F9'
	  //       });
	  //       $(".noGood").circleChart({
	  //           size:80,
	  //           color:'#16B1EA',
	  //           startAngle:60,
	  //           value:{$data['answer3']},
	  //           lineCap:'butt',
	  //           text:{$data['answer3']}+'%',
	  //           backgroundColor:'#DFF1F9'
	  //       });
		});
		
	</script>
	</body>
</html>
